<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/square.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/html5shiv.min.js"></script>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
	</head>
	<body>
		
		<header class="square_header">
			<label><a href="index.html"><img src="img/square_ico2 .png"/></a></label>
			<label><img src="img/square_ico1.png"/></label>
			<span>达人</span>
			<label><input type="file" class="file" style="display: none;"><img src="img/square_ico3.png" class="photo" /></label>
		</header>
		<section class="square_list">
			<ul>
				<li><a href="choose.html">精选</a></li>
				<li>关注</li>
				<li class="brand_on"><a href="square.html">广场</a></li>
				<li><a href="brand.html">品牌</a></li>
			</ul>
		</section>
		<div class="square_remen">
			<h4>热门达人</h4>
		<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/square_1.png"/></div>
            <div class="swiper-slide"><img src="img/square_2.png"/></div>
            <div class="swiper-slide"><img src="img/square_3.png"/></div>
            <div class="swiper-slide"><img src="img/square_4.png"/></div>
            <div class="swiper-slide"><img src="img/square_5.png"/></div>
            <div class="swiper-slide"><img src="img/square_1.png"/></div>
           	<div class="swiper-slide"><img src="img/square_2.png"/></div>
        </div>
   </div>
</div>
<div class="square_label">
	<h4>热门标签</h4>
	<div class="square_brand">
		<span>Hermès/爱马仕</span>
		<span>CHNEL/香奈儿</span>
	</div>
	<div class="square_brand-1">
		<span>OMEGA/欧米茄</span>
		<span>CARTIER/卡地亚</span>
	</div>
</div>
<div class="square_fenxiang">
	<h4>达人分享</h4>
	<ul>
		<li><img src="img/share_1.png"/></li>
		<li><img src="img/share_2.png"/></li>
		<li><img src="img/share_3.png"/></li>
		<li><img src="img/share_1.png"/></li>
		<li><img src="img/share_2.png"/></li>
		<li><img src="img/share_3.png"/></li>

	</ul>
	
</div>



		<script src="js/jquery-1.12.4.min.js"></script>
		<script src="js/swiper.jquery.min.js"></script>
		 <script>
	    var swiper = new Swiper('.swiper-container', {
	        pagination: '.swiper-pagination',
	        slidesPerView: 5,
	        centeredSlides: true,
	        paginationClickable: true,
	        spaceBetween: 0,
	        autoplay: 1000,
	        loop:true,
	        autoplayDisableOnInteraction : false
	    });
	    $('.photo').click(function(){
	    	return $('.file').click();
	    })
    </script>
	</body>
</html>
